@import './var.less';

:root {
  --rv-brand-color: @brand-color;
  // Color Palette
  --rv-black: @black;
  --rv-white: @white;
  --rv-gray-1: @gray-1;
  --rv-gray-2: @gray-2;
  --rv-gray-3: @gray-3;
  --rv-gray-4: @gray-4;
  --rv-gray-5: @gray-5;
  --rv-gray-6: @gray-6;
  --rv-gray-7: @gray-7;
  --rv-gray-8: @gray-8;
  --rv-red: @red;
  --rv-blue: @blue;
  --rv-orange: @orange;
  --rv-orange-dark: @orange-dark;
  --rv-orange-light: @orange-light;
  --rv-green: @green;

  // Gradient Colors
  --rv-gradient-red: @gradient-red;
  --rv-gradient-orange: @gradient-orange;

  // Component Colors
  --rv-primary-color: @primary-color;
  --rv-success-color: @success-color;
  --rv-danger-color: @danger-color;
  --rv-warning-color: @warning-color;
  --rv-text-color: @text-color;
  --rv-active-color: @active-color;
  --rv-active-opacity: @active-opacity;
  --rv-disabled-opacity: @disabled-opacity;
  --rv-background-color: @background-color;
  --rv-background-color-light: @background-color-light;
  --rv-text-link-color: @text-link-color;

  // Padding
  --rv-padding-base: @padding-base;
  --rv-padding-xs: @padding-xs;
  --rv-padding-sm: @padding-sm;
  --rv-padding-md: @padding-md;
  --rv-padding-lg: @padding-lg;
  --rv-padding-xl: @padding-xl;

  // Font
  --rv-font-size-xs: @font-size-xs;
  --rv-font-size-sm: @font-size-sm;
  --rv-font-size-md: @font-size-md;
  --rv-font-size-lg: @font-size-lg;
  --rv-font-size-xl: @font-size-xl;
  --rv-font-size-xxl: @font-size-xxl;
  --rv-font-size-xxxl: @font-size-xxxl;
  --rv-font-weight-bold: @font-weight-bold;
  --rv-line-height-xs: @line-height-xs;
  --rv-line-height-sm: @line-height-sm;
  --rv-line-height-md: @line-height-md;
  --rv-line-height-lg: @line-height-lg;
  --rv-line-height-xl: @line-height-xl;
  --rv-line-height-xxl: @line-height-xxl;
  --rv-line-height-xxxl: @line-height-xxxl;
  --rv-base-font-family: @base-font-family;
  --rv-price-integer-font-family: @price-integer-font-family;

  // Animation
  --rv-animation-duration-base: @animation-duration-base;
  --rv-animation-duration-fast: @animation-duration-fast;
  --rv-animation-timing-function-enter: @animation-timing-function-enter;
  --rv-animation-timing-function-leave: @animation-timing-function-leave;

  // Border
  --rv-border-color: @border-color;
  --rv-border-width-base: @border-width-base;
  --rv-border-radius-sm: @border-radius-sm;
  --rv-border-radius-md: @border-radius-md;
  --rv-border-radius-lg: @border-radius-lg;
  --rv-border-radius-max: @border-radius-max;
}
